<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
		<title>{{title}}</title>
		<link rel="stylesheet" type="text/css" href="../wwwroot/bootstrap/css/bootstrap.css"/>	
		<link rel="stylesheet/less" type="text/css" href="userHistory.less"/>
		<script src="less.js" type="text/javascript" charset="utf-8"></script>
		<script src="template1.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
		.wC{
   			 animation:wC 1s linear;
		}
		@keyframes wC{
			from{width: 0;}
			to{width: 15%;}
		}
		</style>
	</head>
	
	<body>
		<header>
			<div class="container" style="position: relative;">
					<!--<a id="goback" style="display:none;position: absolute;width: 30px;height: 30px;border-radius: 50%;background-color: white; left: 0px;top: 7px;color: lightcoral;line-height: 30px;text-align: center;">-->
				<a id="goback" style="position:absolute;width: 25px;height: 25px;text-align: center;line-height: 25px;background-color: white;color: lightblue;border-radius: 50%;left: 10px;top:10px;font-size: 14px;"><span id="goback" class="glyphicon glyphicon-chevron-left"></span></a>
					<div class="btn-group">
						<a id="subscribe" class="btn btn-default" >订阅</a>
						<a id="history" class="btn btn-default">历史</a>	
					</div>
					<span class="dataCount badge">0</span>
				<span id="delete" class="glyphicon glyphicon-trash " data-open=false style="position: absolute;right: 10px;top: 15px;"></span>
			</div>
		</header>
		
		<section id="data-content">
				<ul class="list-group" >
					<li class="list-group-item">
						<div class="sLeft">
							<span class="glyphicon glyphicon-minus-sign"></span>
						</div>
						<div class="sContent">
							<div class="list-group-item-heading sCH text-center">
								<span class="sectionID pull-left">20131231</span>
								<span class="">zhuti</span>
								<span class="sectionTime pull-right">2017-02-12</span>
							</div>
							<div class="list-group-item-text sCc">
								<div class="author">
									
									<p>author:</p>
									<p class="userID">dwadawdaw</p>
								</div>
								<div class="message">
									dwadawdawdawdawdwa
								</div>
							</div>
							<div class="list-group-item-text sCf" >
									
									<span class="glyphicon glyphicon-heart-empty"></span>&nbsp;<span class="likeWC">0</span>	
									<div class="pull-right">
										<span class="glyphicon glyphicon-envelope"></span>&nbsp;<span class="readWC">0</span>
									</div>
								
							</div>
						</div>
						<div class="sRight">
							<span>删除</span>
						</div>
					</li>
					<li class="list-group-item">
						<div class="sLeft">
							<span class="glyphicon glyphicon-minus-sign"></span>
						</div>
						<div class="sContent">
							<div class="list-group-item-heading sCH">
								<span class="sectionID">20131231</span>
								<span></span>
								<span class="sectionTime pull-right">2017-02-12</span>
							</div>
							<div class="list-group-item-text sCc">
								<div class="author">
									
									<p>author:</p>
									<p class="userID">dwwdawdwa</p>
								</div>
								<div class="message">
									dwadawdadaddwadawdawdwadawdawdawdawwdawdawdawdwadwadaw
									<br />dwadwa
								</div>
							</div>
							<div class="list-group-item-text" style="padding-top: 10px;">
									
									<span class="glyphicon glyphicon-heart-empty"></span>&nbsp;<span class="likeWC">0</span>	
									<div class="pull-right">
										<span class="glyphicon glyphicon-envelope"></span>&nbsp;<span class="readWC">0</span>
									</div>
								
							</div>
						</div>
						<div class="sRight">
							<span>删除</span>
						</div>
					</li>
				</ul>					
		</section>
		<footer class="loading">
			<div>
				<span class="glyphicon glyphicon-cloud-upload iconM"></span><span class="loadText">上拉加载</span>						
			</div>
		</footer>  
		 <div class="shortcutBtn" style="display: none;">
			<div class="container">
				<span id="backTop" class="glyphicon glyphicon-chevron-up"></span>
				<span id="backBottom" class="glyphicon glyphicon-chevron-down"></span>
			</div>
		</div> 
		
		<footer class="footerNav">
			<div class="btn-group">
				<a  class="btn btn-default readWC disabled footerA ">注目</a>
				<a  class="btn btn-default replyWC disabled footerA">回复</a>
				<a  class="btn btn-default postWC disabled footerA">吐槽</a>
			</div>
		</footer>
		
	</body>
</html>
<script id="mainTemplate" type="text/html">
		<ul class="list-group" >
			{{each subscribe as data index}}
				<li class="list-group-item" data-history={{data.hCount}}>
						<div class="sLeft">
							<span class="glyphicon glyphicon-minus-sign"></span>
						</div>
						<div class="sContent">
							<div class="list-group-item-heading sCH">
								<span class="sectionID">{{data.seactionId}}</span>
								<span class="theme">{{data.theme}}</span>
								<span class="sectionTime pull-right">{{data.sectionTime}}</span>
							</div>
							<div class="list-group-item-text sCc">
								<div class="author">
									<img src="{{data.authorPUrl}}" class="authorPhoto"/>
									<p>author:</p>
									<p class="userID">{{data.authorId}}</p>
								</div>
								<div class="message">
									{{data.message}}
								</div>
							</div>
							<div class="list-group-item-text sCf">
									<span class="glyphicon glyphicon-heart-empty"></span>
									&nbsp;<span class="likeWC">{{data.likeCount}}</span>
									<div class="pull-right">
										<span class="glyphicon glyphicon-envelope"></span>
										&nbsp;<span class="readWC">{{data.readCount}}</span>
									</div>
							</div>
						</div>
						<div class="sRight">
							<span>删除</span>
						</div>
					</li>
			{{/each}}
		</ul>
</script>
<script src="../wwwroot/libs/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/libs/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="userHistory.js" type="text/javascript" charset="utf-8"></script>
